// 1.下载路由 npm i vue-router@3
// 2.引入Vue
import Vue from 'vue';
// 3.引用vue-router
import VueRouter from 'vue-router';
Vue.use(VueRouter)
// 4.创建路由规则
// 4.1引入页面级组件--初始化就已经加载完毕
import Home from '@/views/home/home'
import Category from '@/views/category/category'
import Find from '@/views/find/find'
import Cart from '@/views/cart/cart'
import Mine from '@/views/mine/mine'
// 4.2配置路由
var routes =[
    {
        path:'/',
        redirect:'/home'
    },
        {
            path:'/home',
            component:Home,
            meta:{
                showTabbar:true
            }
        },
        {
        path:'/category',
        component:Category,
        meta:{
            showTabbar:true
        }
        },
        {
        path:'/find',
        component:Find,
        meta:{
            showTabbar:true
        }
        },
        {
        path:'/cart',
        component:Cart,
        meta:{
            showTabbar:true
        }
        }, {
        path:'/mine',
        component:Mine,
        // 路由元信息
        meta:{
            showTabbar:true
        }
        },
        {
            path:'/login',
            component:()=> import('../views/login/login'),//按需加载引入组件--只有用户触发登录操作时才会加载这个页面
            meta:{
                showTabbar:false
            }
        },
        {
            path:'/search',
            component:()=> import('../views/search/search'),//按需加载引入组件--只有用户触发登录操作时才会加载这个页面
            name:'search',
            meta:{
                showTabbar:true
            }
        },
        // 商品列表
        {
            path:'/goods/:cat_id',
            component:()=> import('../views/goodList/index'),//按需加载引入组件--只有用户触发登录操作时才会加载这个页面
            name:'goods',
            meta:{
                showTabbar:false
            }
        },
        {
            path:'/goodsdetail/:goods_id',
            component:()=> import('../views/goodsDetail/goodsdetail'),//按需加载引入组件--只有用户触发登录操作时才会加载这个页面
            name:'goodsDetail',
            meta:{
                showTabbar:false
            }
        }
]
// 5.实例化一个路由对象
var router = new VueRouter({
    routes
})
// 6.暴漏--实例化对象
export default router

